﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyOrder.aspx.cs" Inherits="WebApp.MyOrder" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>南湖外卖 - 我的订单</title>
    <link href="Styles/app.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/app.js" type="text/javascript"></script>
    <style type="text/css" >
       ul
       {
             float:left;
              
           }
           li
           {
               
               float:left;}
     
    </style>
</head>
<body>
    <form id="form1" runat="server" style="text-align: center;">
    <div class="pageHead">
       <a href="Index.aspx" >菜谱</a>&nbsp;
         <a href="../PermissionCenterServices/Account/SignInPage.aspx">
            登录</a> &nbsp; <a href="../PermissionCenterServices/Account/RegiseterPage.aspx">
                注册</a> &nbsp;
    </div>
    <div id="divTab" class="mainMenu">
        <a hidefocus="true"  href="Index.aspx">菜&nbsp;&nbsp;&nbsp;谱</a> <a
            hidefocus="true" class="mainMenu_a_active" href="MyOrder.aspx">我的订单</a>
        <a hidefocus="true" href="RecommendToday.aspx">今日推荐</a>
         <a hidefocus="true" href="Discuss.aspx">讨论区</a>
        <div class="mainMenu_div_splitline">
        </div>
    </div>
    <div class="pageContent">
    <ul  style="list-style: none; margin: 0 0 0 0; float: left; padding: 0 0 0 0">
       <li><div class="categoryMenu" tag="unsubmitorder">未提交订单</div></li>
       <li><div class="categoryMenu" tag="submitorder">已提交订单</div></li>
        <li><div class="categoryMenu" tag="completedorder">已完成订单</div></li>
    </ul>
   <br /> <br /><br />
     <div class="divOrder" id="unsubmitorder" style="display:block" >
     <table class="order_table" >
     <tr><td>订单编号:A2013101180401</td><td>青椒肉丝盖饭</td><td>16元</td><td>2份</td><td><a href="#">删除</a></td></tr>
     <tr><td>订单编号:A2013101180402</td><td>木须肉 + 干煸豆角 + 米饭</td><td>22元</td><td>1份</td><td><a href="#">删除</a></td></tr>
     
     </table>
       <div class="order_totalprice">总价：54元</div>
       <div class="divAddress" id="divAddress" >
       <div class="order_contacttitle">联系方式</div>
       小区<select id="selectArea">
         <option value="1">城投汉城</option>
       </select>
         楼栋<select id="selectBuilding" >
          <option value="1" >1#</option>
         </select>
         单元-房间<input id="txtAddress" type="text" /> 
         电话<input id="txtPhone" type="text" /> 姓名<input id="txtName" />
        <br />
        顺便注册吧(填写邮箱地址即可注册)<input type="checkbox" onchange="isRegister();" id="cbIsRegister" value="1" /> 
        
        
          <input id="txtEmail" style="visibility:hidden" type="text"/>
        <br /> 
         <input type="button" id="btnSubmit" class="order_submitbtn" value="提 交" onclick="submitclick();"/> 
       </div>
    </div>

    <div class="divOrder" style="text-align:center;display:none" id="submitStatus" > 
       <span class="divOrder_submitStatus">提交成功！</span>
    </div>
    
    <div class="divOrder" id="submitorder"style="display:none" >
        <table class="order_table" >
     <tr><td>订单编号:A2013101180401</td><td>青椒肉丝盖饭</td><td>16元</td><td>2份</td><td>正在送货途中...</td><td><a href="#">取消订单</a></td></tr>
     <tr><td>订单编号:A2013101180402</td><td>木须肉 + 干煸豆角 + 米饭</td><td>22元</td><td>1份</td><td>正在送货途中...</td><td><a href="#">取消订单</a></td></tr>
     <tr><td>订单编号:A2013101180402</td><td>木须肉 + 干煸豆角 + 米饭</td><td>22元</td><td>1份</td><td>用户已取消订单</td><td><a href="#">删除</a> &nbsp;&nbsp;<a href="#">重新提交</a></td></tr>
     
     </table>
    </div>
    <div class="divOrder" id="completedorder" style="display:none">
    <table class="order_table" >
     <tr><td>订单编号:A2013101180401</td><td>青椒肉丝盖饭</td><td>16元</td><td>2份</td><td><a href="#" class="aAvaluate">评价</a>&nbsp;&nbsp;<a class="aCompaint" href="#">投诉</a>&nbsp;&nbsp;<a class="aCompaint" href="#">赞一个</a></td></tr>
     <tr><td>订单编号:A2013101180402</td><td>木须肉 + 干煸豆角 + 米饭</td><td>22元</td><td>1份</td><td><a href="#" class="aAvaluate">评价</a>&nbsp;&nbsp;<a class="aCompaint" href="#">投诉</a>&nbsp;&nbsp;<a class="aCompaint" href="#">赞一个</a></td></tr>
     
     </table>
    </div>
    <div class="divOrder" id="evaluate" style="display:none" >
      <textarea id="txtEvaluate"  class="orderEvaluate_txt" runat="server" /><br />
      <input type="button" id="btnEvaluate" class="orderEvaluate_btn" value="提 交" onclick="onclick_evaluate();" /> 
        
    </div>

     <div class="divOrder" id="complaint" style="display:none" >
      <textarea id="txtCompaint"  class="orderCompaint_txt" runat="server" /><br />
      <input type="button" id="btnCompaint" class="orderCompaint_btn" value="提 交" onclick="onclick_evaluate();" /> 
        
    </div>
    </div>
    
     <div class="pageFooter">
        <p>
           <a href="AboutUs.aspx">关于南湖外卖</a> <a href="ShopRegister.aspx">加入我们</a><a href="ContactUs.aspx">联系我们</a><a href="Help.aspx">帮助</a></p>
            <p>© 2012-2013 南湖外卖 京ICP备13031298号  京公网安备11010802012179</p>

    </div>
    <script type="text/javascript">
        $(window).ready(
          function () {


              $(".categoryMenu").mouseenter(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Black";
              });
              $(".categoryMenu").mouseleave(function () {
                  var e = event.srcElement;
                  e.style.backgroundColor = "Gray";
              });
              $(".categoryMenu").mouseup(
                 function () {
                     var e = event.srcElement;
                     var tag = $(e).attr("tag");
                     $(".divOrder").css("display", "none");
                     $("#" + tag).css("display", "block");
                 }
              );
                 $(".aAvaluate").click(
                 function () {
                     var e = event.srcElement;
                     $(".divOrder").css("display", "none");
                     $("#evaluate").css("display", "block");
                 });

                 $(".aCompaint").click(
                 function () {
                     var e = event.srcElement;
                     $(".divOrder").css("display", "none");
                     $("#complaint").css("display", "block");
                 });

          }
        );
          function isRegister() {
              var e = event.srcElement;
             
              $("#txtEmail").css("visibility", e.checked?"visible":"hidden");
          }
          function submitclick() {
              $(".divOrder").css("display", "none");
              $("#submitStatus").css("display", "block");
          }
          function onclick_evaluate()
          { }
    </script>
    </form>
</body>
</html>
